High Contrast Inverse: set contrasty selected items

- selected bg was set lighter without appropriate fg color

https://bugzilla.gnome.org/show_bug.cgi?id=763804

diff --git a/gtk/theme/HighContrast/_colors.scss b/gtk/theme/HighContrast/_colors.scss
index 6b82b73a7cd7fe04ef84acb89759864d6ef06164..2d25951d2bb28e74a0655b9ae1926204817911d4 100644 (file)
--- a/gtk/theme/HighContrast/_colors.scss
+++ b/gtk/theme/HighContrast/_colors.scss
@@ -6,8 +6,8 @@ $base_color: if($variant == 'light', #fff, #111);
 $bg_color: if($variant == 'light', #fff, #000);
 $fg_color: if($variant == 'light', #000, #fff);
 
-$selected_fg_color: #fff;
-$selected_bg_color: if($variant == 'light', #000, #aaa); //#4a90d9;
+$selected_fg_color: if($variant == 'light', #fff, #000);
+$selected_bg_color: if($variant == 'light', #000, #ddd); //#4a90d9;
 $selected_borders_color: if($variant == 'light', #000, #aaa);
 $popover_bg_color: $bg_color;
 $popover_hover_color: lighten($bg_color, 5%);

diff --git a/gtk/theme/HighContrast/gtk-contained-inverse.css b/gtk/theme/HighContrast/gtk-contained-inverse.css
index 243c5a46fa463be787b7c84714b24814229ba7ec..30752541e9ecd8464abf12563afc518d70690f65 100644 (file)
--- a/gtk/theme/HighContrast/gtk-contained-inverse.css
+++ b/gtk/theme/HighContrast/gtk-contained-inverse.css
@@ -2,16 +2,16 @@
 @define-color theme_fg_color #fff;
 @define-color theme_bg_color #000;
 @define-color theme_base_color #111;
-@define-color theme_selected_bg_color #aaa;
-@define-color theme_selected_fg_color #fff;
+@define-color theme_selected_bg_color #ddd;
+@define-color theme_selected_fg_color #000;
 @define-color insensitive_bg_color #070707;
 @define-color insensitive_fg_color gray;
 @define-color insensitive_base_color #111;
 @define-color theme_unfocused_fg_color #fff;
 @define-color theme_unfocused_bg_color #000;
 @define-color theme_unfocused_base_color #111;
-@define-color theme_unfocused_selected_bg_color #aaa;
-@define-color theme_unfocused_selected_fg_color #fff;
+@define-color theme_unfocused_selected_bg_color #ddd;
+@define-color theme_unfocused_selected_fg_color #000;
 @define-color borders gray;
 @define-color unfocused_borders #737373;
 @define-color warning_color #f57900;
@@ -82,8 +82,8 @@
     background-color: #070707;
     color: gray; }
   .gtkstyle-fallback:selected {
-    background-color: #aaa;
-    color: #fff; }
+    background-color: #ddd;
+    color: #000; }
 
 .view, textview text, iconview {
   color: #fff;
@@ -96,8 +96,8 @@
 rubberband,
 flowbox rubberband,
 treeview.view rubberband {
-  border: 1px solid #aaa;
-  background-color: rgba(170, 170, 170, 0.2); }
+  border: 1px solid #ddd;
+  background-color: rgba(221, 221, 221, 0.2); }
 
 flowbox flowboxchild {
   padding: 3px;
@@ -193,8 +193,8 @@ entry {
     background-color: transparent;
     border-style: solid;
     background-image: linear-gradient(to bottom, #090909, #111 90%);
-    border-color: #aaa;
-    box-shadow: inset 0 2px 2px -2px #090909, inset 0 0 0 1px #aaa; }
+    border-color: #ddd;
+    box-shadow: inset 0 2px 2px -2px #090909, inset 0 0 0 1px #ddd; }
   spinbutton:disabled:not(.vertical),
   entry:disabled {
     background-color: transparent;
@@ -258,7 +258,7 @@ entry {
       color: #fff; }
     spinbutton:not(.vertical) image:active,
     entry image:active {
-      color: #aaa; }
+      color: #ddd; }
     spinbutton:not(.vertical) image:backdrop,
     entry image:backdrop {
       color: #cfcfcf; }
@@ -294,7 +294,7 @@ entry progress {
   background-image: none;
   border-radius: 0;
   border-width: 0 0 2px;
-  border-color: #aaa;
+  border-color: #ddd;
   border-style: solid;
   box-shadow: none; }
   spinbutton:not(.vertical) progress:backdrop,
@@ -372,9 +372,9 @@ entry:drop(active):not(:only-child) + combobox > box > button.combo {
  ***********/
 @keyframes needs_attention {
   from {
-    background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#aaa), to(transparent)); }
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ddd), to(transparent)); }
   to {
-    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#aaa), to(transparent)); } }
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ddd), to(transparent)); } }
 button.titlebutton, button {
   min-height: 24px;
   min-width: 16px;
@@ -485,7 +485,7 @@ button.titlebutton, button {
     border-color: #fff;
     box-shadow: inset 0 0 0 1px #fff; }
 row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
-  color: #fff;
+  color: #000;
   border-color: transparent; }
   row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
     color: #fff; }
@@ -602,8 +602,8 @@ button.suggested-action {
   border-style: solid;
   color: white;
   background-image: none;
-  background-color: #aaa;
-  border-color: #6a6a6a; }
+  background-color: #ddd;
+  border-color: #9d9d9d; }
   button.suggested-action.flat {
     border-width: 2px;
     border-style: solid;
@@ -611,27 +611,27 @@ button.suggested-action {
     background-color: transparent;
     background-image: none;
     border-color: transparent;
-    color: #aaa; }
+    color: #ddd; }
   button.suggested-action:hover {
     border-width: 2px;
     border-style: solid;
     color: white;
-    background-color: #aaa;
-    border-color: #6a6a6a;
+    background-color: #ddd;
+    border-color: #9d9d9d;
     background-image: none; }
   button.suggested-action:active, button.suggested-action:checked {
     border-width: 2px;
     border-style: solid;
     background-image: none;
     color: black;
-    background-color: #555555;
-    border-color: #6a6a6a; }
+    background-color: #222222;
+    border-color: #9d9d9d; }
   button.suggested-action:backdrop, button.suggested-action.flat:backdrop {
     border-width: 2px;
     border-style: solid;
     color: white;
-    background-color: #aaa;
-    border-color: #aaa;
+    background-color: #ddd;
+    border-color: #ddd;
     background-image: none; }
     button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked {
       border-width: 2px;
@@ -661,7 +661,7 @@ button.suggested-action {
     background-color: transparent;
     background-image: none;
     border-color: transparent;
-    color: rgba(170, 170, 170, 0.8); }
+    color: rgba(221, 221, 221, 0.8); }
   button.suggested-action:disabled {
     border-width: 2px;
     border-style: solid;
@@ -841,7 +841,7 @@ button.destructive-action {
 .stack-switcher > button.needs-attention > label,
 .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
   animation: needs_attention 150ms ease-in;
-  background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#aaa), to(transparent));
+  background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ddd), to(transparent));
   background-size: 6px 6px;
   background-repeat: no-repeat;
   background-position: right 3px; }
@@ -1036,21 +1036,21 @@ button.color {
  * Links *
  *********/
 *:link {
-  color: #aaa; }
+  color: #ddd; }
   *:link:hover, *:link:active, *:link:visited {
-    color: #cccccc; }
+    color: #ebebeb; }
   *:link:backdrop, *:link:backdrop:hover {
-    color: #aaa; }
+    color: #ddd; }
 
 button:link, button:visited {
   color: #4a90d9;
   font-weight: bold;
   text-shadow: none; }
   button:link:hover, button:link:active, button:visited:hover, button:visited:active {
-    color: #cccccc;
+    color: #ebebeb;
     text-shadow: none; }
   button:link:backdrop, button:visited:backdrop {
-    color: #aaa; }
+    color: #ddd; }
 
 /*****************
  * GtkSpinButton *
@@ -1214,7 +1214,7 @@ treeview spinbutton entry,
 treeview spinbutton entry:focus {
   padding: 1px;
   border-width: 1px 0;
-  border-color: #aaa;
+  border-color: #ddd;
   border-radius: 0;
   box-shadow: none; }
 
@@ -1300,34 +1300,34 @@ headerbar {
     border-style: solid; }
   .titlebar.selection-mode,
   headerbar.selection-mode {
-    color: #848484;
+    color: #b7b7b7;
     text-shadow: 0 1px rgba(0, 0, 0, 0.5);
-    background-image: linear-gradient(to bottom, #b7b7b7, #afafaf);
-    box-shadow: inset 0 -1px #262626, inset 0 1px #555555; }
+    background-image: linear-gradient(to bottom, #eaeaea, #e2e2e2);
+    box-shadow: inset 0 -1px #262626, inset 0 1px #6f6f6f; }
     .titlebar.selection-mode button,
     headerbar.selection-mode button {
       border-width: 2px;
       border-style: solid;
-      color: #fff;
+      color: #000;
       background-image: none;
-      background-color: #aaa;
-      border-color: #6a6a6a; }
+      background-color: #ddd;
+      border-color: #9d9d9d; }
       .titlebar.selection-mode button:hover,
       headerbar.selection-mode button:hover {
         border-width: 2px;
         border-style: solid;
-        color: #fff;
-        background-color: #aaa;
-        border-color: #6a6a6a;
+        color: #000;
+        background-color: #ddd;
+        border-color: #9d9d9d;
         background-image: none; }
       .titlebar.selection-mode button:active,
       headerbar.selection-mode button:active {
         border-width: 2px;
         border-style: solid;
         background-image: none;
-        color: black;
-        background-color: #555555;
-        border-color: #6a6a6a; }
+        color: white;
+        background-color: #222222;
+        border-color: #9d9d9d; }
       .titlebar.selection-mode button:disabled,
       headerbar.selection-mode button:disabled {
         border-width: 2px;
@@ -1340,11 +1340,11 @@ headerbar {
       headerbar.selection-mode button:backdrop {
         border-width: 2px;
         border-style: solid;
-        color: #fff;
-        background-color: #aaa;
-        border-color: #aaa;
+        color: #000;
+        background-color: #ddd;
+        border-color: #ddd;
         background-image: none;
-        border-color: #848484; }
+        border-color: #b7b7b7; }
       .titlebar.selection-mode button:backdrop:disabled,
       headerbar.selection-mode button:backdrop:disabled {
         border-width: 2px;
@@ -1447,14 +1447,14 @@ treeview.view {
   treeview.view:selected {
     border-radius: 0; }
   treeview.view:selected, treeview.view:backdrop:selected {
-    border-left-color: #d5d5d5;
+    border-left-color: #6f6f6f;
     border-top-color: rgba(255, 255, 255, 0.1); }
   treeview.view:disabled {
     color: gray; }
     treeview.view:disabled:selected {
-      color: #cccccc; }
+      color: #858585; }
       treeview.view:disabled:selected:backdrop {
-        color: #d5d5d5; }
+        color: #6f6f6f; }
     treeview.view:disabled:backdrop {
       color: gray; }
   treeview.view.separator:backdrop {
@@ -1467,7 +1467,7 @@ treeview.view {
   treeview.view.dnd {
     border-style: solid none;
     border-width: 1px;
-    border-color: #d5d5d5; }
+    border-color: #eeeeee; }
   treeview.view.expander {
     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
     color: #b8b8b8; }
@@ -1476,11 +1476,11 @@ treeview.view {
     treeview.view.expander:hover {
       color: #fff; }
     treeview.view.expander:selected {
-      color: #e6e6e6; }
+      color: #424242; }
       treeview.view.expander:selected:hover {
-        color: #fff; }
+        color: #000; }
       treeview.view.expander:selected:backdrop {
-        color: #e6e6e6; }
+        color: #424242; }
     treeview.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
     treeview.view.expander:backdrop {
@@ -1491,19 +1491,19 @@ treeview.view {
     border-radius: 4px;
     background-color: #fff; }
     treeview.view.progressbar:selected {
-      color: #aaa; }
+      color: #ddd; }
     treeview.view.progressbar:backdrop {
-      color: #aaa;
+      color: #ddd;
       border-color: #aaa;
       background-color: #111; }
   treeview.view.trough {
     background-color: rgba(255, 255, 255, 0.1);
     border-radius: 4px; }
     treeview.view.trough:selected {
-      background-color: rgba(255, 255, 255, 0.3);
+      background-color: rgba(0, 0, 0, 0.3);
       border-width: 1px 0;
       border-style: solid;
-      border-color: #aaa; }
+      border-color: #ddd; }
   treeview.view header button {
     color: #888888;
     font-weight: bold;
@@ -1513,7 +1513,7 @@ treeview.view {
       color: #c4c4c4;
       box-shadow: none; }
     treeview.view header button:active {
-      color: #fff; }
+      color: #000; }
   treeview.view header button:last-child, treeview.view header button:last-child:hover, treeview.view header button:last-child:backdrop {
     border-right-style: none; }
 
@@ -1541,12 +1541,12 @@ treeview.view header button, treeview.view header button:hover, treeview.view he
 treeview.view.progressbar {
   color: #111;
   border-radius: 4px;
-  background-image: linear-gradient(to bottom, #aaa, #919191); }
+  background-image: linear-gradient(to bottom, #ddd, #c4c4c4); }
   treeview.view.progressbar:selected {
-    color: #aaa;
+    color: #ddd;
     background-image: linear-gradient(to bottom, #111, black); }
     treeview.view.progressbar:selected:backdrop {
-      color: #aaa;
+      color: #ddd;
       background-image: none;
       background-color: #111; }
   treeview.view.progressbar:backdrop {
@@ -1565,8 +1565,8 @@ menubar,
     padding: 4px 8px; }
     menubar > menuitem:hover,
     .menubar > menuitem:hover {
-      box-shadow: inset 0 -3px #aaa;
-      color: #aaa; }
+      box-shadow: inset 0 -3px #ddd;
+      color: #ddd; }
     menubar > menuitem:disabled,
     .menubar > menuitem:disabled {
       color: gray;
@@ -1585,8 +1585,8 @@ menu,
     min-width: 40px; }
     menu menuitem:hover,
     .menu menuitem:hover {
-      color: #fff;
-      background-color: #aaa; }
+      color: #000;
+      background-color: #ddd; }
     menu menuitem:disabled,
     .menu menuitem:disabled {
       color: gray; }
@@ -1741,7 +1741,7 @@ notebook {
     notebook tab:hover {
       border-color: gray; }
     notebook tab:checked, notebook tab:backdrop:checked {
-      border-color: #aaa; }
+      border-color: #ddd; }
     notebook tab:backdrop {
       background-color: transparent;
       border-color: transparent; }
@@ -1754,13 +1754,13 @@ notebook {
       .top notebook tab.reorderable-page:checked {
         background-color: rgba(0, 0, 0, 0.5);
         border-color: rgba(128, 128, 128, 0.5);
-        border-bottom-color: #aaa; }
+        border-bottom-color: #ddd; }
         .top notebook tab.reorderable-page:checked:hover {
           background-color: rgba(0, 0, 0, 0.7); }
         .top notebook tab.reorderable-page:checked:backdrop {
           border-color: #737373;
           background-color: #000;
-          border-bottom-color: #aaa; }
+          border-bottom-color: #ddd; }
       .top notebook tab.reorderable-page:backdrop {
         border-color: transparent;
         background-color: transparent; }
@@ -1773,13 +1773,13 @@ notebook {
       .bottom notebook tab.reorderable-page:checked {
         background-color: rgba(0, 0, 0, 0.5);
         border-color: rgba(128, 128, 128, 0.5);
-        border-top-color: #aaa; }
+        border-top-color: #ddd; }
         .bottom notebook tab.reorderable-page:checked:hover {
           background-color: rgba(0, 0, 0, 0.7); }
         .bottom notebook tab.reorderable-page:checked:backdrop {
           border-color: #737373;
           background-color: #000;
-          border-top-color: #aaa; }
+          border-top-color: #ddd; }
       .bottom notebook tab.reorderable-page:backdrop {
         border-color: transparent;
         background-color: transparent; }
@@ -1792,13 +1792,13 @@ notebook {
       .left notebook tab.reorderable-page:checked {
         background-color: rgba(0, 0, 0, 0.5);
         border-color: rgba(128, 128, 128, 0.5);
-        border-right-color: #aaa; }
+        border-right-color: #ddd; }
         .left notebook tab.reorderable-page:checked:hover {
           background-color: rgba(0, 0, 0, 0.7); }
         .left notebook tab.reorderable-page:checked:backdrop {
           border-color: #737373;
           background-color: #000;
-          border-right-color: #aaa; }
+          border-right-color: #ddd; }
       .left notebook tab.reorderable-page:backdrop {
         border-color: transparent;
         background-color: transparent; }
@@ -1811,13 +1811,13 @@ notebook {
       .right notebook tab.reorderable-page:checked {
         background-color: rgba(0, 0, 0, 0.5);
         border-color: rgba(128, 128, 128, 0.5);
-        border-left-color: #aaa; }
+        border-left-color: #ddd; }
         .right notebook tab.reorderable-page:checked:hover {
           background-color: rgba(0, 0, 0, 0.7); }
         .right notebook tab.reorderable-page:checked:backdrop {
           border-color: #737373;
           background-color: #000;
-          border-left-color: #aaa; }
+          border-left-color: #ddd; }
       .right notebook tab.reorderable-page:backdrop {
         border-color: transparent;
         background-color: transparent; }
@@ -1896,7 +1896,7 @@ scrollbar {
     scrollbar slider:hover {
       background-color: #cccccc; }
     scrollbar slider:hover:active {
-      background-color: #c4c4c4; }
+      background-color: #f7f7f7; }
     scrollbar slider:backdrop {
       background-color: #666666; }
     scrollbar slider:disabled {
@@ -1973,7 +1973,7 @@ scrollbar {
       background-color: transparent;
       background-image: none;
       border-color: transparent;
-      color: #c4c4c4; }
+      color: #f7f7f7; }
     scrollbar button:disabled {
       border-width: 2px;
       border-style: solid;
@@ -2030,7 +2030,7 @@ switch {
   switch:checked {
     color: white;
     border-color: #aaa;
-    background-color: #aaa;
+    background-color: #ddd;
     text-shadow: 0 0 2px white; }
   switch:disabled {
     color: gray;
@@ -2044,7 +2044,7 @@ switch {
     box-shadow: none;
     text-shadow: none; }
     switch:backdrop:checked {
-      color: #fff;
+      color: #000;
       border-color: #737373;
       background-color: #737373;
       box-shadow: none; }
@@ -2273,12 +2273,12 @@ treeview.view check:selected:focus, treeview.view check:selected:hover, treeview
 treeview.view radio:selected:focus,
 treeview.view radio:selected:hover,
 treeview.view radio:selected {
-  color: #fff; }
+  color: #000; }
 treeview.view check:selected:backdrop:hover, treeview.view check:selected:backdrop,
 treeview.view radio:selected:backdrop:hover,
 treeview.view radio:selected:backdrop {
-  color: #fff;
-  border-color: #fff; }
+  color: #000;
+  border-color: #000; }
 treeview.view check:selected:backdrop:disabled,
 treeview.view radio:selected:backdrop:disabled {
   color: gray;
@@ -2317,7 +2317,7 @@ scale trough, scale fill {
 scale highlight {
   border: 2px solid #aaa;
   border-radius: 4px;
-  background-color: #aaa; }
+  background-color: #ddd; }
   scale highlight:disabled {
     background-color: transparent;
     border-color: transparent; }
@@ -2520,13 +2520,13 @@ progressbar progress {
   border-style: solid;
   border-radius: 3px;
   border-color: #aaa;
-  background-color: #aaa;
+  background-color: #ddd;
   box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2); }
   progressbar progress.vertical {
     box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.2); }
   progressbar progress:backdrop {
-    border-color: #aaa;
-    background-color: #aaa;
+    border-color: #ddd;
+    background-color: #ddd;
     box-shadow: none; }
   progressbar progress.osd {
     border-width: 0;
@@ -2568,12 +2568,12 @@ levelbar block.filled.low {
 levelbar block.filled.high {
   border-width: 1px;
   border-style: solid;
-  border-color: #919191;
-  background-color: #aaa;
+  border-color: #c4c4c4;
+  background-color: #ddd;
   box-shadow: 0 1px rgba(0, 0, 0, 0.1);
   border-radius: 1px; }
   levelbar block.filled.high:backdrop {
-    border-color: #aaa;
+    border-color: #ddd;
     box-shadow: none; }
 levelbar block.filled.full {
   border-color: #5aa411;
@@ -2597,15 +2597,15 @@ entry selection:focus,
 entry selection, modelbutton.flat:selected, popover.background checkbutton:selected,
 popover.background radiobutton:selected,
 .menuitem.button.flat:selected, treeview.view:selected, row.activatable:selected, .sidebar:selected {
-  background-color: #aaa;
-  color: #fff;
-  outline-color: rgba(255, 255, 255, 0.3); }
+  background-color: #ddd;
+  color: #000;
+  outline-color: rgba(0, 0, 0, 0.3); }
   .view:backdrop:selected, textview text:backdrop:selected, iconview:backdrop:selected, calendar:backdrop:selected, textview text:backdrop:selected:focus, iconview:backdrop:selected:focus, calendar:backdrop:focus:selected, textview text:backdrop:selected:hover, iconview:backdrop:selected:hover, calendar:backdrop:hover:selected, textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label selection:backdrop, spinbutton:not(.vertical) selection:backdrop,
   entry selection:backdrop, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected,
   popover.background radiobutton:backdrop:selected,
   .menuitem.button.flat:backdrop:selected, row.activatable:backdrop:selected, .sidebar:backdrop:selected {
     background-color: gray;
-    color: #fff; }
+    color: #000; }
 
 /**********
  * frames *
@@ -2795,24 +2795,24 @@ row.activatable {
   row.activatable:active {
     box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
   row.activatable:selected {
-    background-color: #aaa;
-    color: #fff; }
+    background-color: #ddd;
+    color: #000; }
     row.activatable:selected:active {
       box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
     row.activatable:selected:hover {
-      background-color: #b3b3b3; }
+      background-color: #e0e0e0; }
     row.activatable:selected:backdrop {
       background-color: gray; }
     row.activatable:selected .button.flat {
-      color: #fff; }
+      color: #000; }
       row.activatable:selected .button.flat:hover {
         color: #fff; }
       row.activatable:selected .button.flat:active {
-        color: #fff; }
+        color: #000; }
 row .button.flat {
   color: #fff; }
   row .button.flat:active {
-    color: #fff; }
+    color: #000; }
 
 row,
 row.activatable {
@@ -3097,12 +3097,12 @@ placessidebar row {
     background-image: image(#fff);
     background-clip: content-box; }
   placessidebar row.sidebar-new-bookmark-row {
-    color: #aaa; }
+    color: #ddd; }
   placessidebar row:drop(active):not(:disabled) {
     color: #fff;
     box-shadow: inset 0 1px #fff, inset 0 -1px #fff; }
     placessidebar row:drop(active):not(:disabled):selected {
-      color: #fff;
+      color: #000;
       background-color: #fff; }
 
 placesview .server-list-button > image {
@@ -3133,7 +3133,7 @@ paned.vertical separator {
   margin: 0 0 -8px 0;
   padding: 0 0 8px 0; }
 paned separator:selected {
-  background-color: #aaa; }
+  background-color: #ddd; }
 paned separator.wide {
   min-width: 5px;
   min-height: 5px;
@@ -3153,29 +3153,29 @@ infobar {
 .question,
 .warning,
 .error {
-  background-color: #aaa;
-  color: #fff;
-  text-shadow: 0 1px #919191;
-  border-color: #919191; }
+  background-color: #ddd;
+  color: #000;
+  text-shadow: 0 1px #c4c4c4;
+  border-color: #c4c4c4; }
   .info button,
   .question button,
   .warning button,
   .error button {
     border-width: 2px;
     border-style: solid;
-    color: #fff;
+    color: #000;
     background-image: none;
-    background-color: #aaa;
-    border-color: #6a6a6a; }
+    background-color: #ddd;
+    border-color: #9d9d9d; }
     .info button:hover,
     .question button:hover,
     .warning button:hover,
     .error button:hover {
       border-width: 2px;
       border-style: solid;
-      color: #fff;
-      background-color: #aaa;
-      border-color: #6a6a6a;
+      color: #000;
+      background-color: #ddd;
+      border-color: #9d9d9d;
       background-image: none; }
     .info button:active,
     .question button:active,
@@ -3184,9 +3184,9 @@ infobar {
       border-width: 2px;
       border-style: solid;
       background-image: none;
-      color: black;
-      background-color: #555555;
-      border-color: #6a6a6a; }
+      color: white;
+      background-color: #222222;
+      border-color: #9d9d9d; }
     .info button:disabled,
     .question button:disabled,
     .warning button:disabled,
@@ -3203,9 +3203,9 @@ infobar {
     .error button:backdrop {
       border-width: 2px;
       border-style: solid;
-      color: #fff;
-      background-color: #aaa;
-      border-color: #aaa;
+      color: #000;
+      background-color: #ddd;
+      border-color: #ddd;
       background-image: none; }
     .info button:backdrop:disabled,
     .question button:backdrop:disabled,
@@ -3229,7 +3229,7 @@ infobar {
   .error label:selected,
   .error label:selected:focus,
   .error label:selected:hover {
-    background-color: #dddddd; }
+    background-color: white; }
 
 /************
  * Tooltips *
@@ -3255,7 +3255,7 @@ colorswatch {
   :selected colorswatch {
     box-shadow: none; }
     :selected colorswatch overlay, :selected colorswatch overlay:hover {
-      border-color: #fff; }
+      border-color: #000; }
   colorswatch:selected {
     box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px #000; }
   colorswatch.top {
@@ -3527,11 +3527,11 @@ button.circular {
   button.circular label {
     padding: 0; }
   row:selected button.circular {
-    color: #fff; }
+    color: #000; }
     row:selected button.circular:hover {
       color: #fff; }
     row:selected button.circular:active {
-      color: #fff; }
+      color: #000; }
 
 .keycap {
   min-width: 18px;